<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:include="common">
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="toolbar">
    <button type="button" class="btn btn-warning" onclick="noUse()">未使用</button>
    <button type="button" class="btn btn-warning" onclick="yesUse()">已使用</button>
    <button type="button" class="btn btn-warning" onclick="past()">已过期</button>
</div>
<table id="table"></table>
</body>
<script>
    $(function(){
        initUserTable2();
    })
    //初始化用户表格
    function initUserTable2(){

        $("#table").bootstrapTable({
            url:"../tree/findCoupon",
            method : 'GET', //请求方式（*）
            toolbar:"#toolbar",
            columns:[
                {title:"优惠券编号",field:"couponNum",width:100

                },
                {title:"发放时间",field:"grantDate",width:100

                },
                {title:"状态",field:"status",width:200,
                    formatter:function (value){
                        if(value==2){
                            return "已使用";
                        }
                       else if(value==3){
                            return "已过期";
                        }
                      else if(value==1){
                            return "未使用";
                        }
                    }
                },

            ],
        })
    }

    //查询未使用的
    function noUse(){
        $("#table").bootstrapTable("refresh", {//userTable2是展示页面的id
            "query": {
                "noUse" :1,
            }
        });
    }
    //查询已使用的
    function yesUse(){
        $("#table").bootstrapTable("refresh", {//userTable2是展示页面的id
            "query": {
                "yesUse" :2,
            }
        });
    }
    //查询过期的
    function past(){
        $("#table").bootstrapTable("refresh", {//userTable2是展示页面的id
            "query": {
                "past" :3,
            }
        });
    }
</script>
</html>